<template>
    <div class="rzBox">
        <!-- <img src="/images/rz2.png"/> -->
        <i class="iconfont icon-vrenzhengguanli"></i>
        <span>认证艺术家</span>
    </div>
</template>

<script>
import { reactive,toRefs,getCurrentInstance } from 'vue'
import {useRoute,useRouter} from 'vue-router'
import { useStore } from 'vuex'

export default {
    components:{
       
    },
    props:{

    },
    setup(props,context){
        const router = useRouter()
        const route = useRoute()
        const store = useStore()
        const {proxy} = getCurrentInstance()

        const state = reactive({
            
        })

        return{
            ...toRefs(state)
        }
    }
}
</script>

<style lang="scss" scoped>
    .rzBox{
                width: 170px;
                height: 44px;
                line-height: 44px;
                background: url('/images/rz.png') left top no-repeat;
                background-size: 100% 100%;
                margin: 0;
                transform: scale(0.9);
                -webkit-transform:scale(0.9);
                img{
                    float: left;
                    width: 24px;
                    margin: 10px 0 0 14px;
                }
                i{
                    float: left;
                    margin: 0 0 0 10px;
                    color: var(--baseColor);
                    font-size: 28px;
                }
                span{
                    display: block;
                    font-size: 24px;
                    color: #fff;
                    transform:scale(0.9);
                    -webkit-transform:scale(0.9);  /*兼容-webkit-引擎浏览器*/
                    -moz-transform:scale(0.9);
                }
            }
</style>